<template>
  <div class="container" @click="clickHandle('test click', $event)">

    <!--<div class="userinfo" @click="bindViewTap">
      <img class="userinfo-avatar" v-if="userInfo.avatarUrl" :src="img" background-size="cover" />
      <div class="userinfo-nickname">
        <card :text="userInfo.nickName"></card>
      </div>
    </div>-->
    
    <!--swiper轮播-->
   <div class="swiper-box">
				<swiper class="banner" indicator-dots='true' autoplay='true' interval='3000' indicator-active-color="#fff" >
			<swiper-item><img src="../../../static/images/index/banner.jpg"/></swiper-item>
		</swiper>
		</div>

   <!--swiper轮播结束-->
 <div class="list">
   	<ul>
   		<li>
   			<navigator open-type="switchTab" url="../venue/venue_index/main" class="weui-grid" hover-class="weui-grid_active">
   				<p>
   				<span>选择场馆</span>
   				<font>VENUE&nbsp;SELECTION</font>
   			</p>
   			<img src="../../../static/images/index/icon01.png"/>
   			</navigator>
   		</li>
   			
   		<li>
   			<navigator open-type="switchTab" url="../Private_tutoring/homePage/main" >
   			<p>
   				<span>私教上门</span>
   				<font>Private&nbsp;TUTORING</font>
   			</p>
   			<img src="../../../static/images/index/icon02.png"/>
   			</navigator>
   		</li>
   		
   		<li>
   			<navigator open-type="switchTab">
   			<p>
   				<span>超值课包</span><span>首单优惠</span>
   				<font>VALUE CLASS PACKAGE</font>
   			</p>
   			<img src="../../../static/images/index/icon03.png"/>
   			</navigator>
   		</li>
   		<li>
   			<navigator open-type="switchTab">
   			<p>
   				<span>企业瑜伽课</span>
   				<font>CORPORATE YOGA COURSE</font>
   			</p>
   			<img src="../../../static/images/index/icon04.png"/>
   				</navigator>
   		</li>
   	</ul>
   </div>

  </div>
</template>
<script>
	
import card from '@/components/card'
var network = require("../../utils/commonality.js")
export default {
  data () {
    return {
//    motto: 'Hello World',
//    userInfo: {},
      banner:[
      {
      	img:require("../../../static/images/index/banner.jpg")
      }
      ]
    }
  },

  components: {
    card
  },

  methods: {
//  bindViewTap () {
//    const url = '../logs/main'
//    wx.navigateTo({ url })
//  },
 venue () {
      const url = '../venue/venue_index/main'
      wx.navigateTo({ url })
    },

    getUserInfo () {
      // 调用登录接口
      wx.login({
        success: () => {
          wx.getUserInfo({
            success: (res) => {
              this.userInfo = res.userInfo
            }
          })
        }
      })
    },
    clickHandle () {
     
    }
  },

  created () {
    // this.getUserInfo()
    // var url='yujiaextend/user/findHomePageImages'
    // var methods='POST'
    // var date={
    //   x:1
    // }
    // var _this=this
    // network.requestLoading(url, date , methods, '正在加载数据', function (res) {
    //   _this.img=res.data[0]
    //   }, function () {
    //     wx.showToast({
    //       title: '加载数据失败',
    //     })
    //   })
    }
}
</script>

<style scoped>
.swiper-box{
	width: 100%;
	height: 200px;
}
.swiper-box .banner{
width: 100%;
	height: 200px;	
}
.swiper-box .banner img{
width: 100%;
	height: 200px;	
}

.list{
	width: 100%;
}
.list ul{
	margin:0 20px;
}
.list ul li{
	width: 100%;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgb(232,232,232);
}
.list ul li navigator{
	width: 100%;
	height: 75px;
	display: block;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgb(232,232,232);
}
.list ul li p span:first-child{
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}
.list ul li p span:nth-child(2){
	background: #f18101;
	font-size: 12px;
	color: #fff;
	padding: 1px 5px;
	text-align: center;
	border-radius: 4px;
	margin-left: 17px;
}
.list ul li p font{
	display: block;
	font-size: 10px;
	color: rgb(96,96,96);
}
.list ul li img{
	width: 25px;
	height: 25px;
}
</style>
